<template>
    <div class="message-list">
        <Tree :data="data1"></Tree>
    </div>
</template>

<script>
    export default {
        name: "OrgTree",
        data() {
            return {
                data1: [
                    {
                        title: 'parent 1',
                        expand: true,
                        children: [
                            {
                                title: 'parent 1-1',
                                expand: true,
                                children: [
                                    {
                                        title: 'leaf 1-1-1'
                                    },
                                    {
                                        title: 'leaf 1-1-2'
                                    }
                                ]
                            },
                            {
                                title: 'parent 1-2',
                                expand: true,
                                children: [
                                    {
                                        title: 'leaf 1-2-1'
                                    },
                                    {
                                        title: 'leaf 1-2-1'
                                    }
                                ]
                            }
                        ]
                    }
                ]
            }
        }
    }
</script>

<style scoped>
    .message-list {
        position: absolute;
        top: 0;
        left: 55px;
        width: 235px;
        height: 640px;
        background-color: #e6e8eb;
        float: left;
        overflow-y: auto;
    }
</style>